<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Simple Test</title>
  <!--[if IE]><script language="javascript" type="text/javascript" src="../excanvas.js"></script><![endif]-->
  
  <link rel="stylesheet" type="text/css" href="../jquery.jqplot.css" />
  <link rel="stylesheet" type="text/css" href="examples.css" />
  
  <!-- BEGIN: load jquery -->
  <script language="javascript" type="text/javascript" src="../jquery-1.4.2.min.js"></script>
  <!-- END: load jquery -->
  
  <!-- BEGIN: load jqplot -->
  <script language="javascript" type="text/javascript" src="../jquery.jqplot.js"></script>
  <script language="javascript" type="text/javascript" src="../plugins/jqplot.dateAxisRenderer.js"></script>
  <!-- END: load jqplot -->
  <style type="text/css" media="screen">
    .jqplot-axis {
      font-size: 0.85em;
    }
  </style>
  <script type="text/javascript" language="javascript">
  
  $(document).ready(function(){
      $.jqplot.config.enablePlugins = true;


line1 = [[ '10:10:10','2011/01/01'], ['10:10:20','2011/01/01']];
line2 = [[ '17:10:10','2011/01/02'], ['17:10:20','2011/01/02']];


line3 = [[ '09:10:10','2011/01/01'], ['09:50:20','2011/01/01'],
         [ '09:10:10','2011/01/02'], ['09:50:20','2011/01/02'],
         [ '09:10:10','2011/01/03'], ['09:10:20','2011/01/03']]


line13 = [[ '10:10:10','2011/01/01'], ['10:10:20','2011/01/01']];
line14 = [[ '10:10:10','2011/01/02'], ['10:10:20','2011/01/02']];
line15 = [[ '10:10:10','2011/01/03'], ['10:10:20','2011/01/03']];
line16 = [[ '10:10:10','2011/01/04' ], ['10:10:20','2011/01/04']];
line17 = [[ '10:10:10','2011/01/05'], ['10:10:20','2011/01/05']];
line18 = [[ '10:10:10','2011/01/06'], ['10:10:20','2011/01/06']];
line19 = [[ '10:10:10','2011/01/07'], ['10:10:20','2011/01/07']];
line20 = [[ '10:10:10','2011/01/08'], ['10:10:20','2011/01/08']];
line21 = [[ '10:10:10','2011/01/09'], ['10:10:20','2011/01/09']];
line22 = [[ '10:10:10','2011/01/10'], ['10:10:20','2011/01/10']];



line23 = [[ '11:10:10','2011/01/01'], ['11:10:20','2011/01/01']];
line24 = [[ '11:10:10','2011/01/02'], ['11:10:20','2011/01/02']];
line25 = [[ '11:10:10','2011/01/03'], ['11:10:20','2011/01/03']];
line26 = [[ '11:10:10','2011/01/04'], ['11:10:20','2011/01/04']];
line27 = [[ '11:10:10','2011/01/05'], ['11:10:20','2011/01/05']];
line28 = [[ '11:10:10','2011/01/06'], ['11:10:20','2011/01/06']];
line29 = [[ '11:10:10','2011/01/07'], ['11:10:20','2011/01/07']];
line30 = [[ '11:10:10','2011/01/08'], ['11:10:20','2011/01/08']];
line31 = [[ '11:10:10','2011/01/09'], ['11:10:20','2011/01/09']];
line32 = [[ '11:10:10','2011/01/10'], ['11:10:20','2011/01/10']];


line33 = [[ '12:10:10','2011/01/01'], ['12:10:20','2011/01/01']];
line34 = [[ '12:10:10','2011/01/02'], ['12:10:20','2011/01/02']];
line35 = [[ '12:10:10','2011/01/03'], ['12:10:20','2011/01/03']];
line36 = [[ '12:10:10','2011/01/04'], ['12:10:20','2011/01/04']];
line37 = [[ '12:10:10','2011/01/05'], ['12:10:20','2011/01/05']];
line38 = [[ '12:10:10','2011/01/06'], ['12:10:20','2011/01/06']];
line39 = [[ '12:10:10','2011/01/07'], ['12:10:20','2011/01/07']];
line40 = [[ '12:10:10','2011/01/08'], ['12:10:20','2011/01/08']];
line41 = [[ '12:10:10','2011/01/09'], ['12:10:20','2011/01/09']];
line42 = [[ '12:10:10','2011/01/10'], ['12:10:20','2011/01/10']];



plot2 = $.jqplot('chart', [line3], {
    title: 'Date Data with line at today',
		   axes: {

				 xaxis:{
				    renderer:$.jqplot.DateAxisRenderer, 
				    tickOptions : {formatString : '%H:%M:%S',
    								angle : 90},  
				    tickInterval : '10 minutes',  				
				    min:'09:00:00',
				    max: '24:00:00',
				          
				    
				},

			 yaxis:{
			    renderer:$.jqplot.DateAxisRenderer, 
			    
			    min:'2011-01-10',
			    max: '2011-01-01',
			    numberTicks:10      
			    
			}

    },
   	series:[{showLine:false,markerOptions:{style : 'x',size : 7 }}]
});


  });
  </script>
  </head>
  <body>
<?php include "nav.inc"; ?>
    <div id="chart" style="margin-top:20px; margin-left:20px; width:1000px; height:300px;"></div>
  </body>
</html>